<div id="nav">
    <div class="content">
        <ul class="left" id="navTitleTemplateBox">
            <!-- <li><a href="#">首页</a></li>
            <li><a href="#">手机</a></li>
            <li><a href="#">服饰箱包</a></li>
            <li><a href="#">手机配件</a></li>
            <li><a href="#">抖音热销</a></li>
            <li><a href="#">畅呼吸</a></li>
            <li><a href="#">扫地机器人</a></li>
            <li><a href="#">抖音文创</a></li>
            <li><a href="#">TNT显示屏</a></li>
            <li><a href="#">服务</a></li> -->
        </ul>
        <script type="text/html" id="navTitleTemplate">
            {{each data item, index}}
                {{if index == 0}}
                    <li><a href="/">{{item.name}}</a></li>
                {{else}}
                    <li><a href="/html/category.html?type={{item.url.match(/\/\d{3}(?=\?|$)/)[0].slice(1)}}" target="_self">{{item.name}}</a></li>
                {{/if}}
            {{/each}}
            <li><a href="#">服务</a></li>
        </script>
        <div class="rightSearch">
            <form action="#">
                <input type="text">
                <a href="#" class="searchIcon"></a>
            </form>
            <div id="recommendTemplateBox">
                <!-- <a href="#" class="recommend">蓝牙耳机</a>
                <a href="#" class="recommend">移动电源</a> -->
            </div>
            <div id="hotWordsTemplateBox"></div>
            <script type="text/html" id="recommendTemplate">
                {{each data item}}
                <a href="#" class="recommend">{{item.name}}</a>
                {{/each}}
            </script>
            <script type="text/html" id="hotWordsTemplate">
                {{each data item}}
                <li><a href="#">{{item}}</a></li>
                {{/each}}
            </script>
        </div>
        <div class="rightUser"></div>
    </div>
    <!-- 响应出现模块 -->
    <div class="showBox">
        <div class="mainList">

        </div>
    </div>
</div>